<template>
    <div id="navTab">
        <ul>
            <!-- tag属性定义将router-link转译成的标签 to定义跳转的连接地址 -->
            <router-link tag="li" to="/home">首页</router-link>
            <router-link tag="li" to="/discover">发现</router-link>
            <router-link tag="li" to="/order">订单</router-link>
            <router-link tag="li" to="/profile">我的</router-link>
        </ul>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="scss" scoped>
    #navTab{
        width: 100%;
        height: 60px;
        ul{
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    }
</style>